/** Add css rules here for your application. */

.avatar[avatar-type='system'] {
  color: silver;
}

.avatar[avatar-type='teacher'] {
  color: purple;
}

.avatar[avatar-type='student'] {
	color: blue;
}

.cardList {
  height: 300px;
  width: 400px;
  overflow: scroll;
}

.correctSegment {
  color: green;
}

.incorrectSegment {
  color: red;
}

.incompleteSegment {
  color: orange;
}

.progressFrame {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  bottom: 5px;
}

.progressChartClient {
	background: white;
  position: absolute;
  left: 5px;
  right: 5px;
  top: 5px;
  height: 15px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
}

.chatInputClient > div > textarea {
  position: absolute;
  width: 100%;
  height: 100%;
  border: none;
  font-size: 16pt;
}

.chatBox {
	height: 100%;
	width: 100%;
}

.chatInputClient > div {
	position: absolute;
	left: 5px;
	right: 5px;
	top: 5px;
	bottom: 5px;
}

textarea {
	-moz-box-sizing: border-box;
}

.chatInputClient {
	background: white;
	position: absolute;
	bottom: 5px;
	left: 5px;
	right: 5px;
	height: 50px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #000;
  padding: 5px;
}

.chatBoxClient {
	background: white;
	position: absolute;
	bottom: 70px;
	top: 25px;
	left: 5px;
	right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #000;
  padding-right: 10px;
  padding-bottom: 10px;
  font-size: 16pt;
}

table.progressFrame > tbody > tr > td[iszero='true'] {
	display: none;
}

#mainClientPanel {
  background: palegreen;
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
}

.red {
  background: red;
}
.orange {
  background: orange;
}
.yellow {
  background: yellow;
}
.green {
  background: green;
}
.blue {
  background: blue;
}

.chatBox {
	background: white;
	margin: 5px;
	overflow: scroll;
	margin-right: 10px;
}

/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

.row > td {
  border-top: 1px silver solid;
  border-bottom: 1px silver solid;
}

.cardGrid {
	width: 100%;
	border-spacing: 0px;
	border-collapse: collapse;
}

.deckRowHeading {
	font-size: 14pt;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}



.dialogPane .Caption {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#E3E8F3 url(studykun/gwt/standard/images/hborder.png) repeat-x scroll 0 -2003px;
	border-bottom:1px solid #BBBBBB;
	border-top:5px solid #D0E4F6;
	cursor:default;
	padding:4px 4px 4px 8px;
}

.dialogPane {
	text-align: center;
	color: black;
}

.dialogPane > * {
	display: inline-block;
}

.dialogPane .dialogMiddleCenter {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:white none repeat scroll 0 0;
	padding:3px;
}

.dialogPane .dialogBottomCenter {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(studykun/gwt/standard/images/hborder.png) repeat-x scroll 0 -4px;
}

.dialogPane .dialogMiddleLeft {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(studykun/gwt/standard/images/vborder.png) repeat-y scroll 0 0;
}

.dialogPane .dialogMiddleRight {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(studykun/gwt/standard/images/vborder.png) repeat-y scroll -4px 0;
}

.dialogPane .dialogTopLeftInner {
  width:5px;
}

.dialogPane .dialogTopRightInner {
  width:8px;
}

.dialogPane .dialogBottomLeftInner {
	height:8px;
	width:5px;
}

.dialogPane .dialogBottomRightInner {
	height:8px;
	width:5px;
}

.dialogPane .dialogTopLeft {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(studykun/gwt/standard/images/corner.png) no-repeat scroll -13px 0;
}

.dialogPane .dialogTopRight {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(studykun/gwt/standard/images/corner.png) no-repeat scroll -18px 0;
}

.dialogPane .dialogBottomLeft {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(studykun/gwt/standard/images/corner.png) no-repeat scroll 0 -15px;
}

.dialogPane .dialogBottomRight {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent url(studykun/gwt/standard/images/corner.png) no-repeat scroll -5px -15px;
}

* html .dialogPane .dialogTopLeftInner {
	overflow:hidden;
	width:5px;
}

* html .dialogPane .dialogTopRightInner {
	overflow:hidden;
	width:8px;
}

* html .dialogPane .dialogBottomLeftInner {
	height:8px;
	overflow:hidden;
	width:5px;
}

* html .dialogPane .dialogBottomRightInner {
	height:8px;
	overflow:hidden;
	width:8px;
}

.present {
  font-weight: bold;
}
